<template>
  <PublicPage page-name="规则说明" :borderType="true">
    <scroll-view
    ref="scrollView"
    scroll-y="true"
    class="rules_scrollView"
    -webkit-overflow-scrolling="touch"
    >
      <view class="rules_clerk_layout">
        <view class="rules_tit_box fw6">可绑定的用户</view>
        <view class="rules_text_box">在速速团无订单记录的用户（即从未购买过或者从未卖出过商品的用户）。</view>
        <view class="rules_text_box u-m-b-0">若该用户已经在其他人的绑定保护期内，则需要等保护期结束才可进行绑定。</view>
      </view>

      <view class="rules_clerk_layout u-m-b-0">
        <view class="rules_tit_box fw6">绑定方式</view>
        <view class="rules_text_box items-start"><view class="fz-24 fw6 u-m-r-8 linh-16">·</view>从当前活动分享小程序卡片到微信或分享绑定海报到朋友圈，新用户点击链接或者扫码进入速速团小程序即可完成初步绑定。</view>
        <view class="rules_text_box themeFontColor indent1">从本活动分享的链接或海报、邀请帮卖、小程序首页分享链接，均可产生绑定行为。</view>
      </view>
      <image class="examples_img_box" src="https://qqposs.oss-cn-shenzhen.aliyuncs.com/mpAppImg/other/examples_img1.png" alt="">
      <view class="rules_clerk_layout">
        <view class="rules_text_box items-start"><view class="fz-24 fw6 u-m-r-8 linh-16">·</view><view>每个新用户自绑定日起，有7天保护期；如果过了保护期该用户仍未产生有效订单（指购买或售出商品订单），则可以被他人绑定， <text class="themeFontColor">尽快指导邀请的新用户出单可完成有效绑定哦</text> ； </view> </view>
        <view class="rules_text_box items-start"><view class="fz-24 fw6 u-m-r-8 linh-16">·</view>若新用户180天内仍未产生有效订单，则自动解除绑定关系。</view>
      </view>

      <view class="rules_clerk_layout">
        <view class="rules_tit_box fw6">奖励有效期</view>
        <view class="rules_text_box items-start"><view class="fz-24 fw6 u-m-r-8 linh-16">·</view>奖励有效期限制为新用户首次绑定日期开始后180天内（含绑定当天），超过180天则过期失效，不再获得奖励；</view>
      </view>

      <view class="rules_clerk_layout">
        <view class="rules_tit_box fw6">奖励内容</view>
        <view class="rules_text_box fw6">奖励一：提成奖励</view>
        <view class="rules_text_box fw6">获得新用户180天内所有销售收益的千分之二提成奖励</view>
        <view class="rules_text_box fw6">如果奖励低于0.01元，平台将补充奖励为0.01元。</view>
        <view class="rules_text_box">新用户销售收益指用户直售或者帮卖售出商品自己获得的收益。</view>
        <view class="commission_box u-m-t-24">你的提成=新用户180天内销售收益 x 0.2%</view>
      </view>

      <view class="rules_clerk_layout u-m-b-0">
        <view class="rules_text_box fw6">奖励二：导师奖励</view>
        <view class="rules_text_box fw6">指导新用户开团并出单可以累计获得奖励600元</view>
        <view class="rules_text_box fw6">新用户邀请新人购买出单，每个新用户计算一次</view>
      </view>

      <view class="redBag_list_box u-m-b-24">
        <view class="redBag_msg_box">
          <view class="redBag_box">
            <view class="amount_box">5<text class="fz-12">元</text></view>
          </view>
          <view class="fz-10 viceColor tc">10人跟团</view>
        </view>
        <view class="icon-arrow_box u-p-t-38"><i class="iconfont icon-arrow_right fz-12" /></view>
        <view class="redBag_msg_box">
          <view class="redBag_box">
            <view class="amount_box">15<text class="fz-12">元</text></view>
          </view>
          <view class="fz-10 viceColor tc">50人跟团</view>
        </view>
        <view class="icon-arrow_box u-p-t-38"><i class="iconfont icon-arrow_right fz-12" /></view>
        <view class="redBag_msg_box">
          <view class="redBag_box">
            <view class="amount_box">30<text class="fz-12">元</text></view>
          </view>
          <view class="fz-10 viceColor tc">200人跟团</view>
        </view>
        <view class="icon-arrow_box u-p-t-38"><i class="iconfont icon-arrow_right fz-12" /></view>
        <view class="redBag_msg_box">
          <view class="redBag_box">
            <view class="amount_box">150<text class="fz-12">元</text></view>
          </view>
          <view class="fz-10 viceColor tc">1000人跟团</view>
        </view>
        <view class="icon-arrow_box u-p-t-38"><i class="iconfont icon-arrow_right fz-12" /></view>
        <view class="redBag_msg_box">
          <view class="redBag_box">
            <view class="amount_box">400<text class="fz-12">元</text></view>
          </view>
          <view class="fz-10 viceColor tc">3000人跟团</view>
        </view>
      </view>

      <view class="rules_clerk_layout">
        <view class="rules_tit_box fw6">奖励结算方式</view>
        <view class="rules_text_box items-start"><view class="fz-24 fw6 u-m-r-8 linh-16">·</view>每周会将当周产生的奖励放入奖金池；</view>
        <view class="rules_text_box items-start"><view class="fz-24 fw6 u-m-r-8 linh-16">·</view>放入奖金池的后会根据当周你所获得的奖金池提现额度，在周期结束之后进行结算。结算之后可以领取奖金到余额并进行提现。</view>
      </view>
    </scroll-view>
  </PublicPage>
</template>
<script>
import PublicPage from "@/components/publicPage/index.vue"
export default {
  components: {
    PublicPage
  },
  data () {
    return {
    }
  },
}
</script>
<style lang="scss" scoped>
.rules_scrollView {
  width: 100%;
  height: 100%;
}
.rules_clerk_layout {
  background-color: #fff;
  padding: 24rpx 32rpx;
  margin-bottom: 24rpx;
}
.rules_tit_box {
  padding: 26rpx 0;
  font-size: 32rpx;
  text-align: center;
  line-height: 44rpx;
  background-color: #fff;
}
.rules_text_box {
  margin-bottom: 24rpx;
}
.examples_img_box {
  width: 100%;
  height: 272rpx;
}
.commission_box {
  padding: 24rpx 0;
  color: #ED6A0C;
  background: #F7F8FA;
  border-radius: 16rpx;
  text-align: center;
}
.redBag_list_box {
  display: flex;
  justify-content: space-between;
  padding: 0 32rpx;
  background-color: #fff;
  flex: 1;
  .redBag_msg_box {
    width: 108rpx;
    flex: 0 0 auto;
    .redBag_box {
      width: 80rpx;
      height: 100rpx;
      background-image: url('https://qqposs.oss-cn-shenzhen.aliyuncs.com/mpAppImg/other/red_packet_img1.png');
      background-size: cover;
      margin: 0 auto 16rpx;
      padding-top: 14rpx;
      .amount_box {
        color: #FFFBE8;
        text-align: center;
      }
    }
  }
  .icon-arrow_box {
    color: #C8C9CC;
  }
}
</style>